<html>
<head>
<title>container </title>
<style>
div{
width:600px
}
</style>
<script type="text/javascript">
function showlog()
  {
  var x=document.getElementById("log");
   var display=x.style.display
  if (display !='none'){
   x.style.display='none'
}
  else{
   x.style.display='inline'
}
  }
function showains(){
  var x=document.getElementById("inspect");
   var display=x.style.display
  if (display !='none'){
   x.style.display='none'
}
  else{
   x.style.display='inline'
}
}
</script>
</head>
<body>
<div  name="base">
name:
{{container.name}}
</br>
id:
 {{container.id}}</br>
</div>
</br>
<button onclick="showlog()">show or hidder log </button>
</br>
<div id="log" align="center">
log:
{{log}}
</div>
</br>
<button onClick="showains()">show or hidder inspect </button>
</br>
<div id="inspect">
inspect:
{{container.attrs}}
</div>
</body>
</html>
